<template>
    <div class="i_bg">
        <ProductSearchChoose></ProductSearchChoose>
        <div class="content mar_20">
            <CollectShow></CollectShow>
            <ProductShow></ProductShow>
        </div>
    </div>

</template>

<script>
import ProductSearchChoose from '@/components/ProductSearchChoose.vue'
import CollectShow from '@/components/CollectShow.vue'
import ProductShow from '@/components/ProductShow.vue'

export default {
    name: 'ProductShowView',
    data() {
        return {

        }
    },
    components: {
        ProductSearchChoose,
        CollectShow,
        ProductShow
    }
}
</script>

<style scoped>
.content {
    display: flex;
    align-items: flex-start;
    /* 关键：顶部对齐 */
    gap: 20px;
    /* 可选：控制间距 */
}
</style>